/************************
Designed by : http://responsivewebinc.com
************************/

/* Basic CSS starts */

body{
	background:#222 url('../img/1.jpg') center; 
	color:#fff;
	font-size:15px;
	line-height:25px;
	font-weight:300;
	text-shadow:1px 1px 1px #777;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6{
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
}

p{
	margin:0;
	padding:0;
}

strong{
	font-weight:600;
}

a{
	color:#fff !important;
	text-decoration:none;
	border-bottom:1px dashed #fff;
}

a:hover{
	color:#fff;
	text-decoration:none;
	border-bottom:0px;
}

a:hover,a:active,a:focus {
	outline: 0;
}

hr{

}

form *{
	border-radius:0px !important;
	box-shadow:none !important;
	font-size:13px !important;
}

form input,
form textarea{
	border:1px solid #555 !important;
	color:#555 !important;
	font-weight:400 !important;
}

form input:hover,
form textarea:hover,
form input:focus,
form textarea:focus{
	border:1px solid #f75353 !important;
}

input::-webkit-input-placeholder{
	color:#555 !important;
	opacity:1 !important;
}

.btn{
	border:0px !important;
}

:focus {
	outline:none;
}

::-moz-focus-inner {
	border:0;
}

/* Basic CSS ends */

/*CSS Starts*/

/* Backgrounds */

.br-red{
	background:#f75353;
}

.br-green{
	background:#51d466;
}

.br-lblue{
	background:#32c8de;
}

.br-blue{
	background:#609cee;
}

.br-brown{
	background:#c27256;
}

.br-pink{
	background:#eb76cb;
}

.br-orange{
	background:#f7a253;
}

.br-yellow{
	background:#f4e375;
}

.br-purple{
	background:#cb79e6;
}

.br-white{
	background:#fff;
}
/* Border */

.br-border{
	border:8px solid rgba(0,0,0,0.3);
}

.btn-danger{
	background:#f75353;
}

/* Header */

header{
	padding-top:60px;
	padding-bottom:40px;
}

header h1{
	font-size:60px;
}

header h1 a{
	border-bottom:0px;
}

header p{
	margin:0 auto;
	max-width:600px;
	line-height:35px;
	font-size:20px;
	margin-top:20px;
	letter-spacing:0.5px;
} 

/* Header Complete */

#clock{
	margin-bottom:40px;
	text-align:center;
}

#clock  div{
	display:inline-block;
	font-size:40px;
	height:120px;
	width:120px;
	padding-top:30px;
	margin-right:7px;
	margin-left:7px;
	outline:5px solid rgba(0,0,0,0.2);
}

#clock div span{
	display:block;
	margin-top:15px;
	font-size:20px;
	
}

/* Subscribe */

.subscribe{
	text-shadow:none;
	background:rgba(0,0,0,0.3);
	margin:0 auto;
	max-width:600px;
	padding-top:10px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
}

.subscribe p{
	font-size:18px;
	margin-top:15px;
	margin-bottom:25px;
}

.subscribe span{
	display:inline-block;
	padding:8px 12px 8px 12px;
	margin-right:5px;
	margin-bottom:25px;
}

.subscribe form input{
	padding:0px 20px 0px 20px !important;
}

.subscribe form .btn{
	padding:12px 11px 12px 11px;
	color:#fff;
}

/* Social */

.social{
	margin-top:40px;
	margin-bottom:20px;
}

.social a{
	display:inline-block;
	border-bottom:none;
	margin-right:10px;
	-webkit-transition: background 1s ease;
   -moz-transition: background 1s ease;
   -o-transition: background 1s ease;
   -ms-transition: background 1s ease;
   transition: background 1s ease;
   outline:3px solid rgba(0,0,0,0.2);
}

.social i{
	height:50px;
	width:50px;
	line-height:50px;
	text-align:center;
	font-size:22px;
}

.social a:hover{
	background:rgba(0,0,0,0.2);
	-webkit-transition: background 1s ease;
   -moz-transition: background 1s ease;
   -o-transition: background 1s ease;
   -ms-transition: background 1s ease;
   transition: background 1s ease;
}

/* Footer */

footer p{
	margin-top:40px;
	margin-bottom:20px;
	
}

/* Contact Slider */

.contact-slider{
	position:fixed;
	top:120px;
	right:-300px;

}

.contact-slider .slider-button  i{
	line-height:19px;
	text-align:center;
	position:absolute;
	bottom:11px;
	right:84px;
	margin-right:8px;
	font-size:13px;


}

.contact-slider .slider-button {
	width:115px;
	background:#f75353;
	position:absolute;
	right:300px;
	top:150px;
	padding-left:28px;
	padding-top:8px;
	padding-bottom:8px;
}

.contact-slider .slider-button a{
	border-bottom:none;
}

.contact-slider .slider-content{
	text-shadow:none;
	width:300px;
	background:rgba(0,0,0,0.5);
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

.contact-slider .slider-content h4{
	padding-bottom:10px;
	border-bottom:1px dashed rgba(255,255,255,0.7);
}

/* Forms Inside the Slider Controls */

.slider-content .form-inline{
	margin-top:10px;
}

.slider-content .form-group{
	width:100%
}

.slider-content .form-group input{
	margin-bottom:10px;
}

.slider-content .form-group label{
	font-weight:normal;
}

.slider-content .form-group .btn{
	margin-top:15px;
	margin-bottom:20px;
	margin-right:10px;
}

/* Responsive CSS */

/* Mobile phones */
@media (max-width: 480px){

#clock  div{
	font-size:20px !important;
	height:60px !important;
	width:60px !important;
	padding-top:8px !important;
	
}

#clock div span{
	margin-top:0px !important;
	font-size:14px !important;
	
}

}

/* Tablets */
@media (max-width: 767px){
#clock  div{
	font-size:25px;
	height:80px;
	width:80px;
	padding-top:10px;
	margin-left:3px;
	margin-right:3px;
}

#clock div span{
	margin-top:8px;
	font-size:15px;
	
}

}

/* Desktop */
@media (max-width: 991px){

}